import styled from 'styled-components'

const CellWrapper = styled.div`
    background-color: ${props => props.bgColor};
    height: ${props => props.height};
    border-bottom: ${props => {
        return props.border ? '1px solid #F2F2F2' : '0' 
    }};
    display: flex;
    align-items: center;
    flex-direction: row;
    .title{
        width: .5rem;
        font-size: .12rem;
        color: #999;
        margin-right: .25rem;
    }
    .value{
        width: 2.2rem;
        font-size: .13rem;
        color: #333;
    }
    .right{

    }
`

export {
    CellWrapper
}